function h1On() {
    document.querySelector("h1").style.borderColor = "red";
    document.getElementsByTagName("h1")[0].innerHTML = "嘿嘿，改掉了哦"
}

function h1Out() {
    document.querySelector("h1").style.borderColor = "blue"
    document.getElementsByTagName("h1")[0].innerHTML = "欢迎大家来到特斯汀HTML学习课程"
}

//编写异步请求方法，完成异步将数据提交给后端的操作
function ajaxLogin() {
    //ajax中的settings设置，是用对象形式来写的，就是json
    //js中的json是可以不用带双引号的
    $.ajax({
        "url": "user",
        type: "post",
        //注意这个$是一定要引入了jquery库之后才能使用的，它就是代表jquery
        //$("css选择器") 可以用来定位一个元素，然后对这个元素内容进行序列化（是针对form表单，把它变成k=v&k=v的格式）
        data: $("form").serialize(),
        //定义一个success属性，它是一个没有名字的匿名方法，这个方法就叫success
        //回调函数中可以有一个参数，这个参数就是返回结果
        success: function (jieGuo) {
            //js中可以用,来拼接字符串
            console.log("在Ajax中输出的结果是", jieGuo);
            //这次取的真的是元素本身了
            //Json.stringify，表示将一个json对象，转换为json格式的字符串。
            // $("h4")[0].innerHTML=JSON.stringify(jieGuo) ;
            //结果是一个json格式的对象，所以，可以直接从里面取一个属性。
            if (jieGuo.code != 200) {
                $("h4")[0].innerHTML = jieGuo.msg;
            } else {
                //跳转到另一个界面
                window.location.href = "user.html";
            }
        },
        //error:function()的另一种属性定义方式
        //error指的是请求失败，跟业务无关，可以理解为状态码不是1 2 3开头
        error() {
            alert("登陆接口请求失败了，请抓包并检查服务端日志")
        },
    })
}

function getUserInfo() {
    $.ajax({
        url: "/user",
        type: "get",
        success(result) {
            if(result.code!==200){
                //如果实在没查到，跳转回到登录页。
                window.location.href="index.html";
            }
            else{
            let id = result.data.id;
            let nickname = result.data.nickname;
            let describe = result.data.describe;
            //修改元素本身的属性需要用下标把元素取出来。
            $("#userid")[0].innerHTML = id;
            $("#nickname")[0].innerHTML = nickname;
            $("#describe")[0].innerHTML = describe;
            }
        },
        error() {
            alert("查询用户信息失败，请抓包检查")
        }

    })
}

function logOut(){
    $.ajax({
        url: "/user/logout",
        type: "get",
        success() {
            window.location.href="index.html"
        },
        error() {
            alert("查询用户信息失败，请抓包检查")
        }
    })
}